<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
    <link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" media="all">
</head>
<body>

<table id="demo" lay-filter="test"></table>

<script src="../lib/layui-v2.6.3/layui.js"></script>
<script>
    layui.use('table', function(){
        var table = layui.table;

        //第一个实例
        table.render({
            elem: '#demo'
            ,url: '/stu/getPage3' //数据接口
            ,page: {
                limit:2,  // 每页的条数
                limits:[2,3,4],  // 可选的每页条数
                layout:['count','prev','page','next','limit'],  // 展示的按钮
                groups:5 // 展示的连续的页码数
              } //开启分页
            ,cols: [
                [ //表头
                {field: 'id', title: 'ID', width:80}
                ,{field: 'name', title: '用户名', width:80}
                ,{field: 'birth', title: '生日', width:80, sort: true}

                ]
            ],
            parseData: function(res){ //res 即为原始返回的数据
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.count, //解析数据长度
                    "data": res.list //解析数据列表
                };
            }

        });

    });
</script>
</body>
</html>